// 定义全局变量
var $;
layui.use(['form', 'table', 'layer', 'laydate'], function() {
    $ = layui.jquery;
    var form = layui.form,
        table = layui.table,
        layer = layui.layer,
        laydate = layui.laydate;
    // 初始化表格
    table.render({
        // 设置ID
        id : 'courseTable',
        // 指定原始 table 容器
        elem: '#courseTableId',
        // 异步数据接口
        url: 'FindCourseServlet',
        // 设置导出按钮
        toolbar: '#tablebar',
        //设置表头。值是一个二维数组
        cols: [
            [{
                type:'numbers',
                width: 50,
                title: '序号',
                fixed: "left"
            }, {
                field: 'coursename',
                width: 130,
                title: '课程名'
            },
                // 	{
                // 	field : 'status',
                // 	width: 130,
                // 	title : '状态',
                // 	templet : '#statusTableBar',
                // 	unresize : true,
                // 	align: "center"
                // },
                {
                    title: '操作',
                    minWidth: 200,
                    templet: '#currentTableBar',
                    fixed: "right",
                    align: "center"
                }]
        ],
        where: {
            coursename:'',
        },
        // 是否开启分页
        page: false
    });
    // 监听开关（禁用用户）
    form.on('switch(modifystatus)', function(obj){
        console.log(obj);
        var param = {
            courseid : obj.value
        }
        $.getJSON('ModifyCourseServlet?status=bancourse',param,function(data){
            if(data == true){
                //执行搜索重载
                table.reload('courseTable', {
                    where: {
                        coursename:$('#coursename').val(),
                    }
                }, 'data');
            }
        });
    });
    // 监听搜索操作
    form.on('submit(data-search-btn)', function(data) {
        var result = data.field;
        console.log(result);
        //执行搜索重载
        table.reload('courseTable', {
            where: {
                coursename:result.nikename,
            }
        }, 'data');
        return false;
    });
    // 监听表格编辑、删除按钮
    table.on('tool(courseTableFilter)', function(obj) {
        var param = obj.data;
        console.log(param);
        if (obj.event === 'search') {
            var othis = $(this),
                method = othis.data('method');
            active[method] ? active[method].call(this, othis, param) : '';
        } else if (obj.event === 'edit') {
//			layer.alert('编辑行：<br>' + JSON.stringify(param));
            // 修改班级弹出框
            var othis = $(this),
                method = othis.data('method');
            active[method] ? active[method].call(this, othis, param) : '';
        } else if (obj.event === 'delete') {
            layer.confirm('真的删除该课程吗?', function(index) {
                $.getJSON('RemoveCourseServlet', param, function(data){
                    if(data == true) {
                        layer.msg('删除成功！', {anim: 3, icon: 6, time: 1500, shade: 0.1});
                        //执行重载
                        table.reload('courseTable', {
                            where: {
                                coursename:$('#coursename').val(),
                            }
                        }, 'data');
                    }
                    else{
                        layer.msg('删除失败，请查该课程是否已经删除！', {anim: 6, icon: 5, time: 1500, shade: 0.1});
                    }
                });
                layer.close(index);
            });
        }
    });
    // 定义触发事件弹出厨框
    var active = {
        editcourse: function(othis, param) {
            layer.open({
                id: 'modifycourse_iframe', // 防止重复弹出
                title: '修改用户',
                type: 2,
                offset: ['20px', '25%'],
                area: ['500px', '600px'],
                content: ['view/course/modifycourse.html', 'no'], // no：弹窗不要滑动条
                skin: 'layui-layer-molv',
                //							btn: '关闭全部',
                //							btnAlign: 'c' ,//按钮居中
                //							yes: function() {
                //								layer.closeAll();
                //							}
                shade: 0.3, //不显示遮罩
                maxmin: true, //开启最大化按钮
                anim: 3, // 过渡效果（3或者4）
                resize: false, // 禁止窗体拉伸
                //							time : 1000,//定时关闭
                success: function(layero, index) { //弹出层弹出后的回调函数
                    console.log(layero, index);
                    var body = layer.getChildFrame('body', index);
                    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                    //console.log(body.html()) //得到iframe页的body内容
                    body.find('#userid').val(param.id);
                    body.find('#username').val(param.username);
                    body.find('#userpwd').val(param.password);
                    body.find('input[name=role][value=reader]').attr("checked",param.userrole=="普通用户" ? true : false);
                    body.find('input[name=role][value=admin]').attr("checked",param.userrole=="管理员" ? true : false);
                    body.find('#realname').val(param.name);
                    body.find('#remark').val(param.describe);
                    // 渲染页面表单，否则不显示数据
                    iframeWin.layui.form.render();
                }
            });
        },
        // searchloginlog: function(othis, param) {
        // 	layer.open({
        // 		id: 'loginlog_iframe', // 防止重复弹出
        // 		title: '修改班级',
        // 		type: 2,
        // 		offset: ['20px', '10%'],
        // 		area: ['950px', '600px'],
        // 		content: ['view/user/userloginlog.html'], // no：弹窗不要滑动条
        // 		skin: 'layui-layer-molv',
        // 		//							btn: '关闭全部',
        // 		//							btnAlign: 'c' ,//按钮居中
        // 		//							yes: function() {
        // 		//								layer.closeAll();
        // 		//							}
        // 		shade: 0.3, //不显示遮罩
        // 		maxmin: true, //开启最大化按钮
        // 		anim: 3, // 过渡效果（3或者4）
        // 		resize: false, // 禁止窗体拉伸
        // 		//							time : 1000,//定时关闭
        // 		success: function(layero, index) { //弹出层弹出后的回调函数
        // 			console.log(layero, index);
        // 			var body = layer.getChildFrame('body', index);
        // 		    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
        // 		    //console.log(body.html()) //得到iframe页的body内容
        // 		    body.find('#userid').val(param.userid);
        // 		    // 渲染页面表单，否则不显示数据
        // 		    iframeWin.layui.form.render();
        // 		}
        // 	});
        // }

    };
});